<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>课程页Dash</title>
  </head>
  <body>
    <%= require('html-loader!@/component/header.html') %>
    <main role="main">
      <!--轮播图-->
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol> -->
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img
              class="first-slide"
              alt="First slide"
              src=<%= require('../../imgs/course/py/banner-py-2.png') %>
            />
            <div class="container">
              <div class="banner-contianer">
                <div class="banner-ipt-wrap">
                  <div class="price">
                    <span class="old">698元</span><span class="now">9.9元</span
                    ><span class="desc">/2节</span>
                  </div>
                  <div class="title">编程试听课</div>
                  <div class="ipt">
                    <span></span
                    ><input
                      type="text"
                      placeholder="请输入您的手机号码"
                      maxlength="11"
                      name="mobile"
                    />
                  </div>
                  <div class="submit-btn">立即领取</div>
                </div>
                <div class="banner-text-wrap">
                  <div class="title">
                    Python<br/>代码编程
                  </div>
                  <div class="desc">
                    人生苦短，我用python。<br/>
                    python语言诞生已经30年历史了，在人工智能
                    时代即将来临的今天越来越广泛的被重视起来，
                    其语言的简洁性、易用性，还有丰富的第三方库，
                    收获了大量用户的欢迎。python也成为了编程入门
                    的首选语言。<br/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <a
          class="carousel-control-prev"
          href="#myCarousel"
          role="button"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">prev</span>
        </a>
        <a
          class="carousel-control-next"
          href="#myCarousel"
          role="button"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">next</span>
        </a>
      </div>
      <!-- 课程类别介绍 -->
      <div class="container-fluid course_01-section">
        <div class="container">
          <div class="row">
            <div class="col-2_5">
              <div class="course-icon">
                <span class="sw_course-ico code"></span>
              </div>
              <p class="course_ico-title">编程类别</p>
              <p class="course_ico-desc">代码编程</p>
            </div>
            <div class="col-2_5">
              <div class="course-icon">
                <span class="sw_course-ico age"></span>
              </div>
              <p class="course_ico-title">年龄阶段</p>
              <p class="course_ico-desc">9-13岁</p>
            </div>
            <div class="col-2_5">
              <div class="course-icon">
                <span class="sw_course-ico num80"></span>
              </div>
              <p class="course_ico-title">总计课程</p>
              <p class="course_ico-desc">80课时</p>
            </div>
            <div class="col-2_5">
              <div class="course-icon">
                <span class="sw_course-ico num40"></span>
              </div>
              <p class="course_ico-title">项目实战</p>
              <p class="course_ico-desc">40+原创项目</p>
            </div>
            <div class="col-2_5">
              <div class="course-icon">
                <span class="sw_course-ico idea"></span>
              </div>
              <p class="course_ico-title">培养能力</p>
              <p class="course_ico-desc">抽象思维强化</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 课程 -->
      <div class="container-fluid course_03-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-python"></span>
            <p class="project_head-title">
              Python课程体系
            </p>
            <!-- <p class="project_head-tip">
              学习Dash奇幻机器人编程课程，开启编程之路
            </p> -->
          </div>
          <div class="kecheng">
            <div class="kecheng-wrap">
              <div class="py-tab">
                <div class="wrap">
                  <div class="tabbtn active" data-tabname="1">&lt;Python衔接课&gt;</div>
                  <div class="tabbtn" data-tabname="2">&lt;Python L9&gt;</div>
                  <div class="tabbtn" data-tabname="3">&lt;Python L10&gt;</div>
                </div>
              </div>
              <img
                class="pyCourseImg"
                data-tabname="1"
                style="width: 100%;"
                src=<%= require('../../imgs/course/py/course1.png') %>
              />
              <img
                class="pyCourseImg"
                data-tabname="2"
                style="width: 100%;display: none;"
                src=<%= require('../../imgs/course/py/course2.png') %>
              />
              <img
                class="pyCourseImg"
                data-tabname="3"
                style="width: 100%;display: none;"
                src=<%= require('../../imgs/course/py/course3.png') %>
              />
              <div class="desc">点击下方领取查看完成课程体系</div>
            </div>
            <div class="section_common-btn">领取完整课程</div>
          </div>
        </div>
      </div>
      <!-- 课程学习目标 -->
      <div class="container-fluid course_03-section white-bg">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-study"></span>
            <p class="project_head-title">
              Python课程学习目标
            </p>
            <p class="project_head-tip">
              学习python编程，提升算法思维
            </p>
          </div>
        </div>
        <div class="container">
          <div class="intro-item fisrt">
            <div class="bg-img-1"></div>
            <div class="bg-line"></div>
            <div class="intro-wrap left">
              <div class="num-tl tl-1">
                <span class="tl">抽象思维强化</span>
              </div>
              <div class="intro-text">
                通过掌握python的常用语法、方法、数据结构，接触基础的算法，完成简单的数据表达和计算技巧，提升抽象思维能力。
              </div>
            </div>
            <div class="img-wrap">
              <img src=<%= require('../../imgs/course/py/d-img-1.png') %>>
            </div>
          </div>
          <div class="intro-item">
            <div class="bg-line"></div>
            <div class="img-wrap">
              <img src=<%= require('../../imgs/course/py/d-img-2.png') %>>
            </div>
            <div class="intro-wrap right">
              <div class="num-tl tl-2">
                <span class="tl">计算思维训练</span>
              </div>
              <div class="intro-text">
                学习像计算机一样思考，用抽象的数字、符号去探究世间万物，从而看清事物的本质和规律。
              </div>
            </div>
          </div>
          <div class="intro-item">
            <div class="bg-line"></div>
            <div class="intro-wrap left">
              <div class="bg-img-3"></div>
              <div class="num-tl tl-3">
                <span class="tl">算法入门</span>
              </div>
              <div class="intro-text">
                了解人工智能硬件模块，完成包括数据分析，自动化，游戏以及硬件关联等项目，掌握九个常见的算法基础及组合应用。
              </div>
            </div>
            <div class="img-wrap">
              <img src=<%= require('../../imgs/course/py/d-img-3.png') %>>
            </div>
          </div>
          <div class="intro-item last">
            <div class="bg-line">
              <div class="bg-air-plane"></div>
            </div>
            <div class="img-wrap">
              <img src=<%= require('../../imgs/course/py/d-img-4.png') %>>
            </div>
            <div class="intro-wrap right">
              <div class="num-tl tl-4">
                <span class="tl">团队协作团队分享</span>
              </div>
              <div class="intro-text">
                和团队其他成员沟通项目实施计划，团队协作开发复杂的项目。
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 项目展示 -->
      <!--<div class="container-fluid project-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-work"></span>
            <p class="project_head-title">
              项目作品展示
            </p>
          </div>
          <div class="tab-content">
            <div class="tab_content-item row">
              <div class="col-md-4 flex-center">
                <div class="card" style="width: 90%;">
                  <img
                    src="../imgs/dash/tab6.gif"
                    class="card-img-top"
                    alt="..."
                  />
                  <div class="card-body">
                    <h5 class="card-title">Dash课程国际机器人大赛冠军之路</h5>
                    <p class="card-desc">5岁 果果</p>
                    <p class="card-text">
                      解析机器人的定义、分类和组成、传感器原理、执行器件（电机）原理、控制系统原理、物联网概念和常见物联网系统的工作原理。
                    </p>
                    <div class="card-bottom">
                      <span class="card-icon card-comment">14156</span>
                      <span class="card-icon card-star">14156</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 flex-center">
                <div class="card" style="width: 90%;">
                  <img
                    src="../imgs/dash/tab6.gif"
                    class="card-img-top"
                    alt="..."
                  />
                  <div class="card-body">
                    <h5 class="card-title">国际机器人大赛冠军之路</h5>
                    <p class="card-desc">5岁 果果</p>
                    <p class="card-text">
                      解析机器人的定义、分类和组成、传感器原理、执行器件（电机）原理、控制系统原理、物联网概念和常见物联网系统的工作原理。
                    </p>
                    <div class="card-bottom">
                      <span class="card-icon card-comment">14156</span>
                      <span class="card-icon card-star">14156</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 flex-center">
                <div class="card" style="width: 90%;">
                  <img
                    src="../imgs/dash/tab6.gif"
                    class="card-img-top"
                    alt="..."
                  />
                  <div class="card-body">
                    <h5 class="card-title">国际机器人大赛冠军之路</h5>
                    <p class="card-desc">5岁 果果</p>
                    <p class="card-text">
                      解析机器人的定义、分类和组成、传感器原理、执行器件（电机）原理、控制系统原理、物联网概念和常见物联网系统的工作原理。
                    </p>
                    <div class="card-bottom">
                      <span class="card-icon card-comment">14156</span>
                      <span class="card-icon card-star">14156</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 flex-center">
                <div class="card" style="width: 90%;">
                  <img
                    src="../imgs/dash/tab6.gif"
                    class="card-img-top"
                    alt="..."
                  />
                  <div class="card-body">
                    <h5 class="card-title">国际机器人大赛冠军之路</h5>
                    <p class="card-desc">5岁 果果</p>
                    <p class="card-text">
                      解析机器人的定义、分类和组成、传感器原理、执行器件（电机）原理、控制系统原理、物联网概念和常见物联网系统的工作原理。
                    </p>
                    <div class="card-bottom">
                      <span class="card-icon card-comment">14156</span>
                      <span class="card-icon card-star">14156</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>-->
      <!-- FOOTER -->
      <%= require('html-loader!@/component/footer.html') %>
    </main>
  </body>
</html>
